/*MASCOT TABLE STYLES*/
#kittenGallery {/*selects the table*/
	margin: 0 auto;/*centers it on the page*/
}

#kittenGallery th, #kittenGallery td { /*selects all the cells in the table*/
	width: 25%; /*sets column width to 25% of table width*/
	padding: 15px; /*sets interior cell padding to 15px on all sides*/
}

#kittenGallery img { /*selects the images in the table and makes them all the same size, 200 by 200px*/
    position: relative;
    float: left;
    width:  200px; /*sets width to 200px*/
    height: 200px; /*sets height to 200px*/
    background-size:cover;
}

.mascots { /*selects mascot class objects in mascots page*/
	padding: 0 4% 2.5% 4%; /*adds padding around the sides of the mascot intro paragraphs on mascots page*/
	text-align: justify;
}

.catprofiles { /*selects catprofiles class objects in mascots page*/
	width: 20%; /*sets width to 20% of the container*/
	float: left; /*floats the mascot profile images on mascots page to the left*/
	margin-right: 2%;
}

.slides p {
	padding: 0 3% 3%;
	font-size:1.125em;
	width: 100%;
	/*background: #cbf1f7;*/
}

.slides h1 {
	padding: 0 0 1%;
}

.slides img {
	padding-left: 3%;
}

.slides {
	margin: auto;
	max-width: 100%;
	width: 80%;
}

.slides h2 {
	margin: auto;
	text-align: center;
	font-size: 1.75em;
}

@media screen and (max-width: 500px) {
	#kittenGallery th, #kittenGallery td { /*selects all the cells in the table*/
	width: 44%; /*sets column width to 25% of table width*/
	padding: 2%; /*sets interior cell padding to 15px on all sides*/
}

.tablet_content {
		display: none;
	}
	
.big_screen_content {
		display: none;
	}
.small_content {
	display: block;
}

.big_cat_tables {
	display: none;
}

#kittenGallery {
	margin: 0 auto;
}

.slides p {
	font-size: .75em;
	margin-top: 2%;
	
}

.slides {
	margin: auto;
	max-width: 100%;
	width: 95%;
}

.slides h2 {
	font-size: 1em;
}

.catprofiles {
	width: 74%;
	float: none;
	margin: 0 13% 0 13%;
}

}	
@media screen and (min-width: 901px) {
.small_cat_tables {
	display: none;
}
.small_screen_content {
		display: none;
}
.tablet_content {
		display: none;
	}
}

@media screen and (max-width: 900px) and (min-width: 501px) {
	.tablet_content {
		display: block;
	}
	
	.big_screen_content {
		display: none;
	}
.small_screen_content {
		display: none;
}
.medium_screen_content {
	display: none;
}
.small_cat_tables {
	display: none;
}
}